<!DOCTYPE html>
<!--
DOM 0 
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script type="text/javascript" src="jquery/jquery-1.11.3.js"></script>
        <script type="text/javascript">
            $(function(){
                $("*").not("a[href='ccc']").bind("click",function(event,a,b){
                    
                    //alert(event.isDefaultPrevented());
                    print(event.currentTarget.id+"--"+event.target.id);
                    print("--"+event.target.id+":"+(a+b));
                });
                
                $("a[href='ccc']").bind("click",function(event){
                    //triggerHandler带来的好处
                    //1.可以直接让调用的事件
                    //2.不冒泡 不提交 带来的好处就是
                    //3.写事件我们可以完全按照最正常的方式来写
                    //不考虑事件传递
                    //特殊的使用通过triggerHandler来调用就会阻止事件的传递
                    $("#child").triggerHandler("click",[2,3]);
                    event.preventDefault();
                });
                
                function print(txt) {
                    $("#content").append(txt+"<br/>");
                }
            });
        </script>
    </head>
    <body id="body">
        <div id="parent">
            <div id="child">
                点了看一下
            </div>
        </div>
        <a href="ccc">abc</a>
        <div id="content"></div>
    </body>
</html>
